#float-btn {
    /* 设置形状及阴影 */
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
 
    /* 使img元素居中 */
    display: flex;
    align-items: center;
    justify-content: center;
 
    /* 设置按钮的位置 */
    position: fixed;
    left: 20px;
    top: 20px;
 
    /* 设置过渡属性 */
    transition: width 0.5s, height 0.5s;
    /* 设置z-index属性 */
    z-index: 9999;
}
 
#float-btn:hover {
    /* 鼠标悬停时 */
    width: 60px;
    height: 60px;
}
 
#float-btn:active {
    /* 鼠标点击时 */
    background-color: whitesmoke;
}
/* body {
    margin: 0;
    padding: 0;
    height:100vh;
        /* 背景渐变 */
    /* background: linear-gradient(200deg,#ddd6f3,#faaca8);
    font-family: Arial, sans-serif;} */ 